<template>
	<!-- 自定义导航栏 -->
	<view>
		<u-navbar
			:is-back="true" 
			:is-fixed="false"
			back-icon-size="40"
			:border-bottom="false"
		>
			<view class="slot-wrap">
				<u-icon name="search" color="#333333" size="30"></u-icon>
				<input type="text" placeholder="请输入搜索内容" placeholder-class="tip-hodler"/>
			</view>
		</u-navbar>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.slot-wrap{
		display: flex;
		align-items: center;
		flex: 1;
		margin-left: 30upx;
		margin-right: 30upx;
		position: relative;
		/deep/ .uicon-search{
			position: absolute;
			left: 20upx;
		}
		.tip-hodler{
			font-size: 26upx;
			color: #999999;
		}
		input{
			width: 100%;
			padding-left: 60upx;
			border-radius: 35upx;
			background-color: #F6F6F6;
			height: 70upx;
			line-height: 70upx;
		}
	}
</style>
